<template>
  <div class="linear-buy">
    <div class="main">
      <div>
        <van-icon name="credit-pay" />
        <span>待付款</span>
      </div>
      <div>
        <van-icon name="send-gift-o" />
        <span>待收货</span>
      </div>
      <div>
        <van-icon name="after-sale" />
        <span>退款/售后</span>
      </div>
      <div>
        <van-icon name="orders-o" />
        <span>全部订单</span>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped>
.linear-buy {
  font-size: 14px;
  height: 80px;
  background-color: rgb(245, 245, 245);
}
.main {
  display: flex;
  justify-content: space-evenly;
  background-color: #fff;
  height: 80px;
  margin: 0 14px;
  padding-top: 6px;
  border-radius: 0 0 14px 14px;
}
.van-icon{
  display: block;
  height: 51px;
  font-size: 36px;
  text-align: center;
  color: rgb(255, 58, 77);
}
</style>
